{% extends "album_layout.html" %}
{% block content %}
<main role="main">
    <div class="album py-4 bg-light">
        <div class="container" style="width: 80%;">
            <div class="well" style="padding-bottom: 0;">
                <div class="row">
                    <h2 class="mx-auto mb-5">元音字母统计</h2>
                    <div class="col-sm-12" style="display:flex;justify-content:center;">
                        <form action="/tongji_result" enctype='multipart/form-data' method="post">
                            <div class="form-inline">
                                <div class="form-group" style="margin-right: 70px;">
                                    <label>元音字母:</label>
                                    <input required name="vowels" id="" type="text"
                                        placeholder="请输入元音字母aeiou">
                                </div>
                                <div class="form-group" style="margin-right: 70px;">
                                    <label>单词:</label>
                                    <input required name="word" id="word" type="text"
                                        placeholder="请输入要查找的单词">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn-sm btn-primary" id="btn_query"> 查询</button>
                                    <!-- <button type="reset" class="btn-sm btn-white"> 重置</button> -->
                                </div>
                            </div>
                        </form>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
{%- endblock content %}